import React from 'react';

import './carbon.less';

const Not_404 = (props) => {
  return (
    <div className="wscn-http404-container">
      <div className="wscn-http404">
        <div className="pic-404">
          <img
            className="pic-404__parent"
            src={require('../../assets/base/images/404.png')}
            alt="404"
          />
          <img
            className="pic-404__child left"
            src={require('../../assets/base/images/404_cloud.png')}
            alt="404"
          />
          <img
            className="pic-404__child mid"
            src={require('../../assets/base/images/404_cloud.png')}
            alt="404"
          />
          <img
            className="pic-404__child right"
            src={require('../../assets/base/images/404_cloud.png')}
            alt="404"
          />
        </div>
        <div className="bullshit">
          <div className="bullshit__oops">404错误!</div>
          <div className="bullshit__headline">'找不到网页！'</div>
          <div className="bullshit__info">
            对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
          </div>
        </div>
      </div>
    </div>
  );
};

export default Not_404;
